<div class="table-responsive" style="overflow-x: visible;">
    <table class="table table-bordered table-hover">
        <tbody>
        <tr>
            <th class="hidden-xs">
                <label><input onchange="checkAll()" type="checkbox" value=""></label>
            </th>
            <th>ID</th>
            <th>原始文件名</th>
            <th>存储</th>
            <th>保存名称</th>
            <th>图片预览</th>
            <th>扩展名</th>
            <th>类型</th>
            <th>时间</th>
            <th>操作</th>
        </tr>

        {% for item in records %}
        <tr>
            <td class="hidden-xs">
                <label><input name="checkbox" class="check" type="checkbox"
                              value="{{item.id}}"></label>
            </td>
            <td>
                {{item.id}}
            </td>
            <td>
                {{item.name}}
            </td>
            <td>
                {{item.storage}}
            </td>
            <!--<td>-->
                <!--<a href="javascript:displayImage('{{url}}');">{{saveName}}</a>                -->
            <!--</td>-->
            <td>
                <div class="btn-group" style="margin: 0px">
                    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        路径<span class="caret"></span></button>
                    <div class="dropdown-menu" style="padding: 10px;max-width: none;">
                        {{item.url}}
                    </div>
                </div>
            </td>
            <td>
                <!--<a href="javascript:displayImage('{{url}}');">{{saveName}}</a>-->
                <div class="btn-group" style="margin: 0px">
                    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        图片<span class="caret"></span></button>
                    <div class="dropdown-menu">
                        <img style="height: 200px"
                             src="{{item.url}}" onerror="src='/public/noimage.gif'"/>
                    </div>
                </div>
            </td>
            <td>
                {{item.ext}}
            </td>
            <td>
                {{item.fileType}}
            </td>
            <td>
                {{ createdAt | date('YYYY-MM-DD HH:mm:ss') }}
            </td>
            <td class="table-action">
                <button type="button" class="btn btn-danger " onclick="deleteFile('{{item.id}}')">删除</button>
            </td>
        </tr>
        {% endfor %}

        </tbody>
    </table>
    <div class="box-footer no-padding">
        <div class="mailbox-controls">
            <!--<div class="btn-group">-->
                <!--<button type="button" class="btn btn-danger "-->
                        <!--onclick="batchUrl('/admin/file/delete')">删除-->
                <!--</button>-->
            <!--</div>-->
            <div class="pull-right">
                {{ pager | safe }}
            </div>
        </div>
    </div>
</div>